// .login-container {
//   position: relative;
//   width: 100vw;
//   height: 100vh;
//   background: url('~@/assets/imgs/bg.png') no-repeat center center;
//   background-size: cover;

//   display: flex;
//   justify-content: center;
//   align-items: center;

//   .login-wrapper {
//     background-color: rgba(255, 255, 255, 0.92);
//     border-radius: 12px;
//     padding: 40px 30px;
//     width: 360px;
//     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    
//     .title {
//       display: flex;
//       flex-direction: column;
//       align-items: center;
//       margin-bottom: 20px;

//       img {
//         width: 80px;
//         height: 80px;
//       }

//       h2 {
//         margin-top: 10px;
//         color: #333;
//         font-weight: 600;
//       }
//     }

//     .el-form-item {
//       margin-bottom: 20px;
//     }

//     .password-set {
//       display: flex;
//       justify-content: flex-end;
//       margin-bottom: 10px;

//       .el-button {
//         font-size: 14px;
//       }
//     }

//     .el-button[type='primary'] {
//       width: 100%;
//     }
//   }
// }

// /* 调整验证码组件的样式 */
// ::v-deep .el-input-group__append {
//   padding: 0;
//   overflow: hidden;
// }
.login-container {
  position: relative;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f6f8;

  /* 背景图放这里 */
  background-image: url('~@/assets/imgs/bg.png');
  background-repeat: no-repeat;
  background-size: cover; /* 或 auto 100% */
  background-position: center;

  .right-box {
    flex: none; /* 固定宽度 */
    display: flex;
    justify-content: center;
    align-items: center;

    .login-form,
    .forget-pass-form {
      width: 400px;
      padding: 40px 30px;
      background-color: #ffffffcc; /* 半透明白，背景稍透 */
      border-radius: 16px;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
      /* 其它样式不变 */
    }
  }

  /* 删除 .left-box 或隐藏 */
  .left-box {
    display: none;
  }
}
